<template>
    <div>
        张三 -- {{ name }}
    </div>

    <div v-text="name"></div>

    <div>
        {{ setName(name) }}
    </div>

    <div v-html="htmlText"></div>

    <!-- <input type="text" name="{{ inputName }}"> -->
     <!-- 属性绑定 -->
    <input type="text" v-bind:name="inputName">
    <input type="text" :name="'《'+inputName+'》'">

    <input type="text" :name>

    <button :disabled="flag" v-on:click="sayHello"> 提交</button>
    <button :disabled="flag" v-on:click="changeName"> 修改</button>
</template>

<script setup>
    let name = "河北经贸大学"

    const htmlText = `<h1>标题1</h1>`

    const inputName = "school"

    const flag = false

    function setName (name){
        return "<"+name+">"
    }


    function sayHello(){
        alert("hello")
    }

    function changeName(){
        name += "1"
    }
</script>

<style>

</style>